<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>个人博客</title>
		<link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css" />
		<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="icon" type="image/x-icon" href="images/title_03.png" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	</head>

	<body>
		<!--头部  导航-->
		<nav class="navbar navbar-expand-lg navbar-light">
			<div class="container">
				<a class="navbar-brand" href="#"><img src="images/logo_02.png" alt="" /></a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

				<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<ul class="navbar-nav ml-auto">
						<li class="nav-item active">
							<a class="nav-link text-white" href="javascript:void(0);">网站首页</a>
						</li>
						<li class="nav-item">
							<a class="nav-link text-white" href="javascript:void(0);">个人介绍</a>
						</li>
						<li class="nav-item">
							<a class="nav-link text-white" href="javascript:void(0);">作品展示</a>
						</li>
						<li class="nav-item">
							<a class="nav-link text-white" href="javascript:void(0);">人生感悟</a>
						</li>
						<li class="nav-item">
							<a class="nav-link text-white" href="javascript:void(0);">家乡景区</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!--主体内容-->
		<div class="main">
			<!--轮播-->
			<div class="banner">
				<!-- Swiper -->
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="images/banner01.jpg" />
						</div>
						<div class="swiper-slide">
							<img src="images/banner02.jpg" />
						</div>
						<div class="swiper-slide">
							<img src="images/banner03.jpg" />
						</div>
					</div>
					<!-- Add Arrows -->
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
					<div class="swiper-pagination"></div>
				</div>
			</div>
			<!--个人介绍-->
			<div class="self mt-5">
				<h5>个人介绍</h5>
				<div class="row">
					<div class="col-md-4">
						<div class="self-left">
							<div class="touxiang">
								<img src="images/touxiang.jpg" />
							</div>
							<!--个人信息-->
							<div class="personal">
								<ul>
									<li>姓名：刘洪丽</li>
									<li>性别：女</li>
									<li>职业：学生</li>
									<li>学校：泊头职业学院</li>
									<li>生日：农历11月24日</li>
									<li>QQ：2315467826</li>
									<li>微信：15231426896</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-md-8">
						<div class="use">大家好，我叫刘洪丽，刘是刘备的刘，洪是洪水的洪，丽是美丽的丽。我现在是泊头职业学院的一名学生，学的专业是前端，我来自河北省唐山市玉田县。我的爱好是看视频、听音乐。我的人生格言是：一切因努力而改变！</div>
						<!--二维码-->
						<div class="qr-code">
							<img src="images/weixin.jpg" />
							<img src="images/erweima.jpg" />
						</div>
					</div>
				</div>
			</div>
			<!--作品展示-->
			<div class="gallery mt-5">
				<h5>作品展示<a href="https://gitee.com/cuoweidemengmei/projects">更多》</a></h5>
				<div class="works">
					<div class="row">
						<div class="col-md-3">
							<div class="works1">
								<img src="images/HENGWANG.png" />
							</div>
							<p>
								<a href="http://cuoweidemengmei.gitee.io/hengwang">HENGWANG</a>
							</p>
						</div>
						<div class="col-md-3">
							<div class="works2">
								<img src="images/Repute.png" />
							</div>
							<p>
								<a href="
http://cuoweidemengmei.gitee.io/repute">Repute</a>
							</p>
						</div>
						<div class="col-md-3">
							<div class="works3">
								<img src="images/Genius.png" />
							</div>
							<p>
								<a href="http://cuoweidemengmei.gitee.io/genius">Genius</a>
							</p>
						</div>
						<div class="col-md-3">
							<div class="works4">
								<img src="images/tianyamingyuedao.png" />
							</div>
							<p>
								<a href="http://cuoweidemengmei.gitee.io/tianya_mingyue_knife/">天涯明月刀</a>
							</p>
						</div>
					</div>
				</div>
			</div>
			<!--人生感悟-->
			<div class="life mt-5">
				<h5>人生感悟</h5>
				<div class="life-bottom">
					<div class="life-top">
						<div class="row">
							<div class="col-md-3">
								<div class="life1">一、有时候不是因为你不够好，而是你判断错了。人心真是无法看透。但是我会一直善良无悔，因为我始终相信，心灵美丽，世界就美丽。</div>
							</div>
							<div class="col-md-3">
								<div class="life1">二、想要一扇明亮的窗，打开能看到世界，关上能徜徉自己的生活。看书，品茶，喜欢的绿色植物都在窗外，每天都是新鲜和愉悦。</div>
							</div>
							<div class="col-md-3">
								<div class="life1">三、人生的奔跑，不在于谁先起跑，而取决于途中的坚持，中途放弃了，你前面所有的努力都是白费，只有努力的坚持，才能得到自己想要了结果!</div>
							</div>
							<div class="col-md-3">
								<div class="life1">四、 昨天越来越多，明天越来越少。走过的路长了，遇见的人多了，不经意间发现，人生最曼妙的风景是内心的淡定与从容，头脑的睿智与清醒。</div>
							</div>
							<div class="col-md-3">
								<div class="life1">七、人生没有撤销键，走出去就没有回头路，每一步都是一个选择，别让明天的自己为今天后悔，把握现在，掌握未来，趁年轻，勇敢点。</div>
							</div>
							<div class="col-md-3">
								<div class="life1">八、在对的时间遇上对的人，是一生幸福。在对的时间遇上错的人，是一种悲哀。在错的时间遇上对的人，是一生叹息。在错的时间遇上错的人，是一是荒唐！</div>
							</div>
							<div class="col-md-3">
								<div class="life1">九、走自己的路，让别人说吧!很多时候，当我们为找不到幸福而苦恼时，并非是幸福真的远离了我们，变得遥不可及，而是我们自己迷失了方向，缘木求鱼。</div>
							</div>
							<div class="col-md-3">
								<div class="life1">十、 人生难免要受些委屈和伤害，与其耿耿于怀郁郁寡欢，倒不如坦坦荡荡泰然处之。只有经受住狂风暴雨的洗礼，才能练就波澜不惊的淡定。</div>
							</div>
						</div>
					</div>
				</div>

			</div>
			<!--家乡景区-->
			<div class="photo mt-5">
				<h5>家乡景区</h5>
				<div class="scenic-spot">
					<div class="one">
						<div class="row">
							<div class="col-md-6">
								<div class="left">
									<div class="title">
										<span class="number">1.</span>
										<a href="http://wap.bytravel.cn/Landscape/6/qingdongling.html">清东陵</a>
										<span>
										<font>AAAAA</font>
										<img src="images/wens.png"/>
										<img src="images/nys.png"/>
									</span>
									</div>
									<!--简介-->
									<div class="introduction">
										<div class="row">
											<div class="col-md-6">
												<div class="text">
													<p>清东陵属全国重点文物保护单位，是中国最后一个王朝首要的帝王后妃陵墓群，也是中国现存规模最大、体系最完整的古帝陵建筑，共建有皇陵五座—顺治帝的孝陵、康熙帝的景陵、乾隆帝的裕陵、咸丰帝的定陵、同治帝的惠陵，以及东（慈安）、西（慈禧）太后等后陵四座、妃园五座、公主陵一座，计埋葬14个皇后和136个妃嫔。</p>
												</div>
											</div>
											<div class="col-md-6">
												<div class="img">
													<img src="images/qingdongling.png" />
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="right">
									<div class="title">
										<span class="number">2.</span>
										<a href="http://wap.bytravel.cn/Landscape/18/lidajinianguanjiguju.html">李大钊纪念馆</a>
										<span>
										<font>AAAA</font>
										<img src="images/wens.png"/>
										<img src="images/chinas.png"/>
										<img src="images/reds.png"/>
									</span>
									</div>
									<!--简介-->
									<div class="introduction">
										<div class="row">
											<div class="col-md-6">
												<div class="text">
													<p>
														李大钊纪念馆包括展览馆和故居，其中展览馆座落于河北省乐亭县新城区，经0中央批准，河北省委立项，于1996年8月18日奠基，1997年8月16日落成开馆,-同志出席典礼仪式，展览馆占地面积130亩，建筑面积8680平方米，其中主楼面积5200平方米，展览面积2250平方米。李大钊纪念馆主要参观内容包括：李大钊生平事迹陈列展览、李大钊纪念碑林、李大钊廉洁风范专题展览、李大钊故居。
													</p>
												</div>
											</div>
											<div class="col-md-6">
												<div class="img">
													<img src="images/lidazhao.png" />
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="two">
						<div class="row">
							<div class="col-md-6">
								<div class="left">
									<div class="title">
										<span class="number">3.</span>
										<a href="http://wap.bytravel.cn/Landscape/42/shanyekoujingqu.html">山叶口景区</a>
										<span>
										<font>AAAAA</font>
									</span>
									</div>
									<!--简介-->
									<div class="introduction">
										<div class="row">
											<div class="col-md-6">
												<div class="text">
													<p>山叶口景区座落于迁安市西部大五里乡山叶口村，总面积14平方公里，它以优美的峡谷溪流、山石林地、山顶湖泊为自然景观，融地质文化、民俗特色于一体，这里有景色奇特的砾石风光、丰富完整的太古地貌，这里被地质学家誉为“全息太古时代地质地貌档案馆”。</p>
												</div>
											</div>
											<div class="col-md-6">
												<div class="img">
													<img src="images/shanyekou.png" />
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="right">
									<div class="title">
										<span class="number">4.</span>
										<a href="http://wap.bytravel.cn/Landscape/54/luanzhougucheng.html">滦州古城</a>
										<span>
										<font>AAAA</font>
										<img src="images/wens.png"/>
									</span>
									</div>
									<!--简介-->
									<div class="introduction">
										<div class="row">
											<div class="col-md-6">
												<div class="text">
													<p>
														滦州古城，位于河北省唐山市滦县滦州镇。三千年大河之畔的盛世古城，采撷群山壮丽构筑其骨，掬一捧滦河俊秀勾画其容。将26个民族独特风情织入古老的明清建筑，将千年北方文化融汇进这座梦想乐园。2000亩盛世古城倾情酿筑细腻的北方古街博览区、丰盛的传统民俗旅游区、原生的滦河文化风景区、地道的北方美食朵颐区、悠久的北方文化传承区，本土的宗教文化朝圣区，风情的北方婚庆体验区，正宗的中国古代养生区，缔造最美北方古城。
													</p>
												</div>
											</div>
											<div class="col-md-6">
												<div class="img">
													<img src="images/lidazhao.png" />
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="there">
						<div class="row">
							<div class="col-md-6">
								<div class="left">
									<div class="title">
										<span class="number">5.</span>
										<a href="http://wap.bytravel.cn/Landscape/54/tangjinyunheshengtailvyoudujiajingqu.html">唐津运河生态旅游度假景区</a>
										<span>
										<font>AAAAA</font>
									</span>
									</div>
									<!--简介-->
									<div class="introduction">
										<div class="row">
											<div class="col-md-6">
												<div class="text">
													<p>唐津运河生态旅游度假景区位于唐山市丰南区西南部，整个景区以一条绵延25公里长的唐津运河贯穿，集休闲、娱乐、购物、养生为一体，景区主题为“运河民俗展历史，体育运动显活力，生态休闲归自然”。这里涵盖了国内最新最刺激的大型自然主题公园东方神龙乐园、素有“北方秦淮景、运河唐人街”美誉的运河唐人街、风景优美的惠丰湖等等一大批名扬国内的景点。</p>
												</div>
											</div>
											<div class="col-md-6">
												<div class="img">
													<img src="images/tangshanyunhe.png" />
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="right">
									<div class="title">
										<span class="number">6.</span>
										<a href="http://wap.bytravel.cn/Landscape/42/caodianshidigongyuan.html">曹妃甸湿地景区</a>
										<span>
										<font>AAAA</font>
									</span>
									</div>
									<!--简介-->
									<div class="introduction">
										<div class="row">
											<div class="col-md-6">
												<div class="text">
													<p>曹妃甸湿地公园包括曹妃湖内6个岛屿及周边岸滩、曹妃湖南侧约4000亩区域、双龙河以西湿地迷宫3000亩及其他湿地区域，主要建设旅游度假设施、高级商务酒店及配套设施等，同时进行湿地保护性开发。湿地公园建设通过营造河流、沼泽、池塘等湿地景观，融合湿地旅游、游憩娱乐、湿地教育等功能于一体的湿地教育公园，融科普教育于生态游憩之中，加强市民对生态湿地的认识和了解，并争取市民支持和参与湿地的保护，同时为市民提供一个日常的生态休闲景点。</p>
												</div>
											</div>
											<div class="col-md-6">
												<div class="img">
													<img src="images/caopeidian.png" />
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="four">
						<div class="row">
							<div class="col-md-6">
								<div class="left">
									<div class="title">
										<span class="number">7.</span>
										<a href="http://wap.bytravel.cn/Landscape/23/yutianjingjuesi.html">玉田净觉寺 </a>
										<span>
										<font>AAAAA</font>
										<img src="images/wens.png"/>
									</span>
									</div>
									<!--简介-->
									<div class="introduction">
										<div class="row">
											<div class="col-md-6">
												<div class="text">
													<p>玉田县净觉寺始建于唐代，千余年来岁月沧桑，展现在今人面前的仍保留了它的宽敞、豁达、庄严和肃穆的风貌。有人说：“净觉寺是一首诗，它用凝重而含蓄的语言，陈述着既古朴又玄妙的哲理，诉说着既美妙又虚幻的企盼，净觉寺是一本书，它的魅力不仅在于那华丽典雅的装帧，更重要的是它那丰富多彩、博大精深的内涵。”</p>
												</div>
											</div>
											<div class="col-md-6">
												<div class="img">
													<img src="images/yutian.png" />
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="right">
									<div class="title">
										<span class="number">8.</span>
										<a href="http://wap.bytravel.cn/Landscape/18/wanfoyuan.html">万佛园</a>
										<span>
										<font>AAAA</font>
									</span>
									</div>
									<!--简介-->
									<div class="introduction">
										<div class="row">
											<div class="col-md-6">
												<div class="text">
													<p>万佛园即燕山塔陵，是经国家民政部、国家文物局批准，由香港宣威集团与遵化市民政局合作兴建的。始建于1997年，占地448亩，总投资2.6亿元，是中国唯一坐落在世界文化遗产保护区清东陵风水墙之内的花园式林园，其风水与清东陵一脉相承。因该建筑位于燕山脚下，具有陵墓性质，得名燕山塔陵。后有多座佛像建成，又称万佛园。这里结合了中华民族五千年传统文化及佛学、道学、儒学与现代园林艺术，是集人文景观、旅游、参学为一体的胜地。</p>
												</div>
											</div>
											<div class="col-md-6">
												<div class="img">
													<img src="images/wanfuyuan.png" />
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div>
					</div>
					<div class="five">
						<div class="row">
							<div class="col-md-6">
								<div class="left">
									<div class="title">
										<span class="number">9.</span>
										<a href="http://wap.bytravel.cn/Landscape/18/jingzhongshan.html">景忠山</a>
										<span>
										<font>AAAAA</font>
									</span>
									</div>
									<!--简介-->
									<div class="introduction">
										<div class="row">
											<div class="col-md-6">
												<div class="text">
													<p>景忠山旅游区位于迁西县三屯营镇。据县志记载，景忠山旧有二名，南曰明山，北曰阴山。明天顺年间，蓟镇总兵府移驻三屯营时，曾按前朱雀、后玄武、左青龙、右白虎的分法，给此山改名为朱雀山。后因山中建有“三忠祠”，人们取景仰忠义之意，又将此山更名为“景忠山”。景忠山以其鬼斧神工、秀美雄奇的自然景观，以其博大精深、源远流长的佛道文化，以其匠心独具、蔚为壮观的人文古建而被清康熙皇帝誉为“天下名山”。</p>
												</div>
											</div>
											<div class="col-md-6">
												<div class="img">
													<img src="images/jingzhongshan.png" />
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="right">
									<div class="title">
										<span class="number">10.</span>
										<a href="http://wap.bytravel.cn/Landscape/18/putidao.html">菩提岛</a>
										<span>
										<font>AAAA</font>
									</span>
									</div>
									<!--简介-->
									<div class="introduction">
										<div class="row">
											<div class="col-md-6">
												<div class="text">
													<p>位于河北省唐山市乐亭县西南近海的菩提岛是一个拥有面积2．09平方公里的沙质海岛，居于华北地区的第一大岛。其东南至月坨岛2．6公里，，东北至捞渔尖码头4．3公里，至乐亭县城39。3公里，距北京280公里，距天津220公里，距唐山75公里，距秦皇岛85公里，环抱京、津、唐、秦四市之中。</p>
												</div>
											</div>
											<div class="col-md-6">
												<div class="img">
													<img src="images/putidao.png" />
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--页脚-->
		<footer class="text-center">
			<p>Design by 个人博客 蜀ICP备11002373号-1</p>
		</footer>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
		<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
		<script src="js/script.js"></script>
	</body>

</html>